<template>
    <view>
        <!-- 内容700rpx -->
        <view class="checkin mlr-25 bgc-48dbfb br-30 bsw-15 shaoma flex justify-between plr-30 ptb-40-25">
            <view>
                <text class="color-white fs-42 fwt-700">扫码签到</text>
                <view class="mb-16">
                    <!-- 间距 -->
                </view>
                <text class="color-white">点击即可扫码,只有活动的创 建者可以扫码成功哦!</text>
                <button class="btn1 br-50" @tap="scanQrcode">点击扫码</button>
                 
                <text>{{ qrcodeResult }}</text>
            </view>
            <view>
                <image src="http://lc-LXl0IGlm.cn-n1.lcfile.com/ojJW19SjqrrAHEsOOFXmxztM1mhRjNK2/abcde.png" class="image-1" />
            </view>
        </view>
        <view class="checkin mlr-25 .mtop-40 flex justify-between wode">
            <!-- 左边 我的预约 -->
            <view class="matter bgc-48dbfb br-30 bsw-15 plr-30 ptb-40-25">
                <view class="color-white fs-42 fwt-700">我的预约</view>
                <view class="mb-16">
                    <!-- 间距 -->
                </view>
                <view class="flex justify-between">
                    <view>
                        <text class="color-white">查看自己预 约的所有房 间</text>
                    </view>
                    <view>
                        <image src="http://lc-LXl0IGlm.cn-n1.lcfile.com/qPSg5MlLfqhtedmOhWHdi0Rme8dehWzt/aabcde.png" class="image-2" />
                    </view>
                </view>
            </view>
            <!-- 右边 我参加的活动 -->
            <view class="matter bgc-48dbfb br-30 bsw-15 plr-30 ptb-40-25">
                <view class="color-white fs-42 fwt-700">我参加的活动</view>
                <view class="mb-16">
                    <!-- 间距 -->
                </view>
                <view class="flex justify-between">
                    <view>
                        <text class="color-white">查看自己参 加的所有活 动</text>
                    </view>
                    <view>
                        <image src="http://lc-LXl0IGlm.cn-n1.lcfile.com/VW9nzuLd1yPEOBeLainodfSod03luyER/aaabcde.png" class="image-2" />
                    </view>
                </view>
            </view>
        </view>
        <view class="checkin mlr-25 bgc-48dbfb .mtop-40 br-30 bsw-15 guangcang plr-30 ptb-40-25 flex justify-between">
            <view>
                <text class="color-white fs-42 fwt-700">活动广场</text>
                <view class="mb-16">
                    <!-- 间距 -->
                </view>
                <text class="color-white">查看所有的活动,及时了解详 情信息</text>
            </view>
            <view>
                <image src="http://lc-LXl0IGlm.cn-n1.lcfile.com/WWp2UEOOmleCcBEcYxxDt4sxli2vSz1g/aaaabcde.png" class="image-3" />
            </view>
        </view>
        <view class="checkin mlr-25 bgc-white br-20 yitong plr-30 bsw-15-f2f2f2 bd-f2f2f2 flex justify-between">
            <view class="">
                <text class="yitong-1">移通书院借阅</text>
                <text class="yitong-2">| 实用签到工具</text>
            </view>
            <view class="tuijian">
                推荐给朋友
                <text class="iconfont .icon-a2 tuijian"></text>
            </view>
        </view>
    </view>
</template>

<script>
// pages/plaza/index.js
export default {
    data() {
        return {
            qrcodeResult: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        scanQrcode: function () {
            var that = this;
            uni.scanCode({
                onlyFromCamera: true,
                success: function (res) {
                    that.setData({
                        qrcodeResult: res.result
                    });
                }
            });
        }
    }
};
</script>
<style>
@import '../../assets/css/index.css';
.checkin {
    width: 700rpx;
}
/*  */
.shaoma {
    height: 300rpx;
    position: relative;
    overflow: hidden;
}
.btn1 {
    width: 280rpx;
    height: 70rpx;
    line-height: 70rpx;
    margin-top: 20rpx;
    font-size: 34rpx;
    position: absolute;
    left: 25rpx;
}
/*  */
.wode {
    height: 250rpx;
}
.matter {
    width: 330rpx;
    height: 250rpx;
}
/* ------ */
.guangcang {
    height: 210rpx;
}
/* ------ */
.yitong {
    height: 100rpx;
    margin-top: 30rpx;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-shrink: 0;
}
/* 图片 */
.image-1 {
    width: 240rpx;
    height: 240rpx;
    /* background-color: red; */
}
.image-2 {
    width: 120rpx;
    height: 140rpx;
    margin-left: 10rpx;
    /* background-color: red; */
}
.image-3 {
    width: 280rpx;
    height: 160rpx;
    /* background-color: red; */
}
.yitong-1 {
    font-size: 30rpx;
    margin-right: 20rpx;
}
.yitong-2 {
    font-size: 30rpx;
    color: #737ea7;
}
.tuijian {
    color: #48dbfc;
    font-size: 30rpx;
}
</style>
